<template>
	<view class="container">
		<app-tabs v-model="tabIndex" :tabs="tabs" :fixed="true" @change="tabChange"></app-tabs>	
		<scroll-item ref="mescrollItem" v-for="(tab,index) in tabs" :i="index" :key="index" :index="tabIndex"></scroll-item>
	</view>
</template>

<script>
	import ScrollItem from "@/components/scroll-items/order-item.vue";
	import MescrollMoreMixin from "@/components/mescroll-uni/mixins/mescroll-more.js";
	import AppTabs from "@/components/app-tabs.vue";
	export default {
		mixins: [MescrollMoreMixin], // // 多个mescroll-body写在子组件时, 则使用mescroll-more.js补充子组件的页面生命周期
		components: {
			AppTabs,
			ScrollItem
		},
		data() {
			return {
				tabs: ['全部', '待付款', '待发货', '待收货', '已完成'],
				tabIndex: 0, // 当前tab下标
			};
		},

		onLoad(options) {
			/**
			 * 修复app端点击除全部订单外的按钮进入时不加载数据的问题
			 * 替换onLoad下代码即可
			 */
			// #ifndef MP
				
			// #endif
			// #ifdef MP
				if (options.state == 0) {
					
				}
			// #endif

		},
		// onPageScroll(e) {
		// 	//兼容iOS端下拉时顶部漂移
		// 	if (e.scrollTop >= 0) {
		// 		this.headerPosition = "fixed";
		// 	} else {
		// 		this.headerPosition = "absolute";
		// 	}
		// },
		
		//下拉刷新，需要自己在page.json文件中配置开启页面下拉刷新 "enablePullDownRefresh": true
		// onPullDownRefresh() {
		// 	console.log("onPullDownRefresh")
		// 	this.pagenumber = this.pagenumber + 1;
		// 	setTimeout(() => {
		// 		this.loadData();
		// 		uni.stopPullDownRefresh();
		// 	}, 1000);

		// },
		//上拉加载，需要自己在page.json文件中配置"onReachBottomDistance"
		// onReachBottom() {
		// 	this.pageNumber = this.pageNumber + 1;
		// 	console.log('***onReachBottom***',this.pageNumber);
		// 	uni.showToast({
		// 		title: '触发下拉加载'
		// 	});
		// 	this.loadData();
		// },

		methods: {

		},

	}
</script>

<style lang="scss">
	page,
	.container {
		background-color: #FAFAFA;
	}
</style>
